		
<script type="text/javascript">
$(function(){
    var slideHeight = 500; // px
    var defHeight = $('#wrap').height();
    if(defHeight >= slideHeight){
        $('#wrap').css('height' , slideHeight + 'px');
        $('#read-more').append('<center class="hide-article-box"><a href="#" class="btn btn-info">阅读全部</a></center>');
        $('#read-more a').click(function(){
            var curHeight = $('#wrap').height();
            if(curHeight == slideHeight){
                $('#wrap').animate({
                  height: defHeight
                }, "normal");
                $('#read-more ').html('<center class=""><a href="#" ></a></center>');
                $('#gradient').fadeOut();
            }else{
                $('#wrap').animate({
                  height: slideHeight
                }, "normal");
                $('#read-more a').html('阅读全部');
                $('#gradient').fadeIn();
            }
            return false;
        });     
    }
});
</script><script type="text/javascript">
  $(function (){ 
    $(".example_top").popover({placement:'top'});
});
  $('body').on('click', function(event) {
    var target = $(event.target);
    if (target.parent('.example_top').length === 0 ) {
        $(".example_top").popover("hide");
    }
});
</script>
